<div class="col-sm-8">
    <div class="main">
        <div class="well bg-white">
            <div class="ad_class">
                <div class="notice tracking-ad" data-mod="popu_3">

                    <@cms_ad adCategoryId="1190">
                        ${cmsAd.content}
                    </@cms_ad>

                </div>
            </div>
            <div class="article">
                <div class="article-title">
                    <span class="ico ico_type_Original"></span>
                    <h1>
                        <span class="link-title">
                            <a href="/article/detail/${cmsArticle.id}?channelId=${cmsChannel.id}">
                                ${cmsArticle.title}
                            </a>
                        </span>
                    </h1>
                </div>
                <div class="article-manage">
                    <div class="article-tag">
                        <span class="pull-left">
                        标签：
                            <#if cmsArticle.cmsTags?? && cmsArticle.cmsTags?size gt 0>
                                <#list cmsArticle.cmsTags as cmsTag>
                                      <a href="/tag/${cmsTag.name}" target="_blank" onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_tag']);"><span class="badge">${cmsTag.name}</span></a>
                                </#list>
                            </#if>
                        </span>
                    </div>

                    <div class="article_r">
                        <span class="link-author" title="作者">作者:(<a href="/author/${cmsArticle.memberId}"  title="${cmsArticle.author}">${cmsArticle.author}</a>)</span>
                        <span class="link-postdate" title="发布时间">发布时间:(${(cmsArticle.createTime?string('yyyy-MM-dd HH:mm:ss'))!})</span>
                        <span class="link-view fa fa-search" title="阅读次数"> ${cmsArticle.viewCount}人阅读</span>
                        <#if cmsArticle.whetherAllowScore?? && cmsArticle.whetherAllowScore gt 0>
                            <span class="link-comments fa fa-comment" title="评论次数"> <a href="#comments" onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_pinglun'])">评论</a>(${cmsArticle.commentCount})</span>
                        </#if>
                        <span class="link-commend"> <a href="#recommends" onclick="collectArticle('%e3%80%90LEETCODE%e3%80%91136-Single+Number','50419132');return false;" title="相关推荐">相关推荐</a></span>
                        <span class="link-collect fa fa-heart" data-mod="popu_171"> <a href="javascript:void(0);" onclick="collectArticle('%e3%80%90LEETCODE%e3%80%91136-Single+Number','50419132');return false;" title="收藏">收藏</a></span>
                        <span class="link-report fa fa-sunglasses"> <a href="#report" onclick="report(50419132,2);return false;" title="举报">举报</a></span>
                    </div>
                </div>
                <div class="category">
                    <div class="category-title pull-left">
                        <img src="" alt="">
                        <span>分类：</span>
                    </div>
                    <div class="category-group">
                        <#if cmsArticle.cmsArticleCategories?? && cmsArticle.cmsArticleCategories?size gt 0>
                            <#list cmsArticle.cmsArticleCategories as cmsArticleCategory>
                                <button type="button" class="btn btn-sm" >
                                    <a href="/cms/category/${cmsArticleCategory.id}">${cmsArticleCategory.name}</a>
                                </button>
                            </#list>
                        </#if>

                        <!--<div class="btn-group">
                            <button type="button" class="btn btn-colourless dropdown-toggle" data-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">WebSocket <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>-->
                    </div>
                </div>
                <div class="article-copyright">
                    <#if cmsArticle.type?? && cmsArticle.type == 1>
                        <p>版权声明：本文为作者原创文章，未经作者允许不得转载。</p>
                        <p>本文链接：<a target="_blank" href="${request.contextPath}/article/detail/${cmsArticle.id}?channelId=${cmsChannel.id}">/article/detail/${cmsArticle.id}?channelId=${cmsChannel.id}</a></p>
                    </#if>
                </div>
                <!--<div class="article-catalogue">
                    <p style="text-align:right;margin:0;">
                        <span style="float:left;">目录<a href="#" title="系统根据文章中H1到H6标签自动生成文章目录">(?)</a></span><a
                            href="#" onclick="return openCatalogue(this);" title="收起">[-]</a>
                    </p>
                    <ol style="margin-left: 14px; padding-left: 14px; line-height: 160%;">
                        <li><a href="#t0">创建websocket握手协议的后台</a></li>
                        <ol>
                            <li><a href="#t1">1HandShake的实现类</a></li>
                        </ol>
                        <li><a href="#t3">
                        </a></li>
                        <ol>
                            <li><a href="#t4">2MyWebSocketConfig的实现类</a></li>
                        </ol>
                        <ol>
                            <li><a href="#t6">3MyWebSocketHandler的实现类</a></li>
                        </ol>
                        <li><a href="#t8">创建websocket握手处理的前台</a></li>
                        <li><a href="#t10">通过Controller调用进行websocket的后台推送</a></li>
                        <li><a href="#t12">所用到的jar包</a></li>
                        <li><a href="#t13">运行的环境</a></li>
                    </ol>
                </div>-->
                <div class="post-content">
                    ${cmsArticle.content}
                </div>
                <div id="ad">

                </div>
                <div class="article-praise text-center">
                    <button type="button" id="article-like-btn" class="btn btn-warning btn-lg like-btn"   articleId="${cmsArticle.id}" likeType="1"  status="0" onclick="return like(this);" ><span class="glyphicon glyphicon-thumbs-up" aria-hidden="false"></span> <span class="num up-num">${cmsArticle.likeCount}</span></button>
                    <button type="button" id="article-dislike-btn" class="btn btn-warning btn-lg dislike-btn" articleId="${cmsArticle.id}" likeType="2"  status="0" onclick="return like(this);" ><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span> <span class="num down-num">${cmsArticle.dislikeCount}</span></button>
                </div>
                <ul class="article_next_prev">
                    <li class="prev_article"><a class="btn-unlink glyphicon glyphicon-chevron-up" href="/article/detail/${cmsPrevArticle.id}?channelId=${cmsChannel.id}">上一篇</a><a  href="/article/detail/${cmsPrevArticle.id}?channelId=${cmsChannel.id}" onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_shangyipian'])"> ${cmsPrevArticle.title}</a></li>
                    <li class="next_article"><a class="btn-unlink glyphicon glyphicon-chevron-down" href="/article/detail/${cmsAfterArticle.id}?channelId=${cmsChannel.id}">下一篇</a><a href="/article/detail/${cmsAfterArticle.id}?channelId=${cmsChannel.id}" onclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_xiayipian'])"> ${cmsAfterArticle.title}</a></li>
                </ul>
                <div class="article-share">
                    <div class="share-component" data-disabled="google,twitter,facebook" data-description="${cmsArticle.description}">分享到：</div>
                </div>
                <dl class="blog-ass-article tracking-ad" id="res-relatived" data-mod="popu_84">
                    <dt><span></span></dt>
                    <@cms_ad adCategoryId="1189">
                        ${cmsAd.content}
                    </@cms_ad>
                </dl>
                <#if cmsArticle.whetherAllowScore?? && cmsArticle.whetherAllowScore gt 0>
                    <div class="panel" id="comments">
                        <div class="panel-body">
                            <form  class="comments-add margin-top-35" id="comments-add-from" onsubmit="return false;"  action="/comment" method="post">
                                <h3 class="margin-bottom-35">发表评论<span style="font-size:14px;color: #ccc;">文明上网理性发言，请遵守新闻评论服务协议</span></h3>
                                <div class="form-group">
                                    <input type="hidden" class="form-control" name="articleId" value="${cmsArticle.id}" placeholder="昵称">
                                </div>
                                <div class="form-group">
                                    <label for="content"></label><textarea name="content" id="content" class="form-control" rows="5" placeholder="评论内容…"></textarea>
                                </div>
                                <div class="error-message text-center" >
                                    <span class="error-icon"></span>
                                    <span class="error-msg text-danger" ></span>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary" >发表评论</button>
                                </div>
                            </form>
                            <dev class="comments-title">
                                <h3>全部评论</h3>
                            </dev>
                            <div class="comments margin-horizontal-20">
                            </div>
                        </div>
                    </div>
                </#if>
            </div>
        </div>
    </div>
</div>